<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/detail.css"/>
		<link rel="stylesheet" type="text/css" href="../css/HeaderAndFooter.css"/>
		<link rel="stylesheet" href="..//lib/font_x9baqddrs2/iconfont.css">
		<script src="/lib/requirejs/require.min.js" data-main="/js/detail"></script>
	</head>
	<body>
		<header></header>		
		<div class="censa">
			<div class="fdj">
				
			</div>
			<form method="get" class="sya">
				<input type="submit" value="加入购物车" class="jrgwc"/>
				<a class="ckgm" href="/html/cart.html">查看购物车</a>
				<a href="/html/list.html" class="fh">返回上一页>>></a>
			</form>
		</div>
		<footer></footer>
		<script type="text/html" id="detail-template">
			<div id="prod">
				<div><img class="imgs" src="{{img}}" ></div>
				<div style="display: none;" class="id">{{id}}</div>
				<div class="title">{{title}}</div>
				<div>$<span class="price">{{price}}</span></div>
			</div>
		</script>
		<script type="text/html" id="zoomimg">
			{{each zomimg sta}}
			<div class="fdjstyle">
				<img class="zoom-img" src="{{sta.middle}}" data-zoom-image="{{sta.big}}"/>
				<div id="gal1"> 
					<a href="#" data-image="{{sta.middle}}" data-zoom-image="{{sta.big}}">
						<img src="{{sta.small}}" />
						<img src="{{sta.small}}" />
						<img src="{{sta.small}}" />
						<img src="{{sta.small}}" />
						<img src="{{sta.small}}" />
						<img src="{{sta.small}}" />
						<img src="{{sta.small}}" />
					</a>
				</div>
		</div>
		{{/each}}
		</script>
	</body>
</html>
